; (function () {
    $.fn.extend({
        magnifier() {
            this.find(".middleArea").css({
                width: $(".middleImg").width() / $(".bigImg").width() * $(".bigArea").width(),
                height: $(".middleImg").height() / $(".bigImg").height() * $(".bigArea").height(),
            })
            $(".middleImg").on("mouseenter",function(){
                $(".middleArea,.bigArea").show()
            }).on("mouseleave",function(){
                $(".middleArea,.bigArea").hide()
            }).on("mousemove",function(e){
                var mX = e.pageX - $(".middleImg").offset().left - $(".middleArea").width()/2
                var mY = e.pageY - $(".middleImg").offset().top - $(".middleArea").height()/2
                
                if(mX<=0){
                    mX=0
                }
                if(mY<=0){
                    mY=0
                }
                if(mX >= $(".middleImg").width()-$(".middleArea").width()){
                    mX = $(".middleImg").width()-$(".middleArea").width()
                }
                if(mY >= $(".middleImg").height()-$(".middleArea").height()){
                    mY = $(".middleImg").height()-$(".middleArea").height()
                }
        
                $(".middleArea").css({
                    left:mX,
                    top:mY
                })
                var bili = $(".bigArea").width() / $(".middleArea").width()
                $(".bigImg").css({
                    left:bili * -mX,
                    top: bili* -mY
                })
            })
            this.find(".small li").each((index,item)=>{
                $(item).click(function(){
                    console.log(item);
                    console.log(index);
                    // $(".middleImg").children[0].src = `./images/${index + 1}-1.webp`
                    // $(".bigImg").src = `./images/${index + 1}-1.webp`
                    $(".middleImg img").attr("src",`./images/${index + 1}-1.webp`)
                    $(".bigImg").attr("src",`./images/${index + 1}-1.webp`)
                })
            })
        }
    })
})()
$(function () {
    $(".ct1left").magnifier()
})

// 固定导航栏
;(function(){
    $.fn.extend({
        ScrollSwiper2(){
            this.on("scroll",function(){
                var scrTop = $(this).scrollTop()
                var topH1 = $(".nav1").height()+$(".tb").height()
                var topH = $(".nav1").height()+$(".tb").height()+$(".content1").height()
                if(scrTop > topH1){
                    $(".nav3").css({
                        position:"fixed",
                        top:0,
                        display:"block"
                    })
                    $(".banner").css({
                        margintop:$(".nav3").height()
                    })
                }
                if(scrTop > topH){
                    $(".ct2tab").css({
                        position:"fixed",
                        top:0,
                        left:260
                    })
                    $(".nav3").css({
                        display:"none"
                    })
                    $(".a").css({
                        margintop:$(".ct2tab").height()
                    })
                }else{
                    $(".ct2tab").css({
                        position:"static"
                    })
                    
                    $(".a").css({
                        
                        margintop:0
                    })
                }
                
            })
        }
    })
})()
$(function(){
    $(window).ScrollSwiper2()
})

